jQuery(function(jQuery) {
    //AL CARGAR EL DOCUMENTO VALIDAR EL TAMAÑO DE LAS CAJAS
    jQuery('.inside .cajas').ready(function() {
        jQuery('.select-tamanios-cajas').each(function() {
            validar_tamanio(jQuery(this), 0);
        });

    });

    //GUARDAR PAGINA
    jQuery('#publish').mousedown(function() {
        var error;
        jQuery('.select-cajas').each(function() {
            if (jQuery(this).val() == 0) {
                error = true;
            }
        });

        if (error) {
            alert('Aún quedan cajas sin configurar. Deberá configurarlas o borrarlas para continuar');
            return false;
        }


    });


    //CARGAR COMBO DIMENSIONES CAJA PRECIO y DIMENSIONES
    jQuery('#caja-producto .productos').change(function() {
        if (jQuery(this).val() != 0) {
            //AJAX
            var dimensiones = jQuery('#caja-producto .dimensiones');
            var data = {
                action: 'cargar_combo_dimensiones',
                id_producto: jQuery(this).val()
            };

            //        alert(ajax_object.ajax_url);

            jQuery.ajax({
                type: "POST",
                url: ajax_object.ajax_url,
                data: data,
                beforeSend: function() {
                    dimensiones.attr('disabled', 'true');
                    dimensiones.html('<option value="0">Seleccionar...</option>');
                    jQuery('#caja-producto .control-combo-dimensiones').css('display', 'block');
                },
                success: function(datos) {
                    dimensiones.removeAttr('disabled');
                    dimensiones.html(datos);
                    jQuery('#caja-producto .control-combo-dimensiones').css('display', 'none');
                },
                timeout: 4000,
                error: function() {
                    alert('No se ha podido establecer la conexión con el servidor.');
                    jQuery('#caja-producto .control-combo-dimensiones').css('display', 'none');
                }
            });
        }else{
            jQuery('#caja-producto .dimensiones').attr('disabled', 'true').html('<option value="0">Seleccionar...</option>');
        }
    });


    //CARGAR COMBO DIMENSIONES CAJA PRECIO y DIMENSIONES
    jQuery('#caja-precios-dimensiones-producto .productos').change(function() {
        //AJAX
        var dimensiones = jQuery('#caja-precios-dimensiones-producto .dimensiones');
        var data = {
            action: 'cargar_combo_dimensiones',
            id_producto: jQuery(this).val()
        };

        //        alert(ajax_object.ajax_url);

        jQuery.ajax({
            type: "POST",
            url: ajax_object.ajax_url,
            data: data,
            beforeSend: function() {
                dimensiones.attr('disabled', 'true');
                dimensiones.html('<option value="0">Seleccionar...</option>');
                jQuery('#caja-precios-dimensiones-producto .control-combo-dimensiones').css('display', 'block');
            },
            success: function(datos) {
                dimensiones.removeAttr('disabled');
                dimensiones.html(datos);
                jQuery('#caja-precios-dimensiones-producto .control-combo-dimensiones').css('display', 'none');
            },
            timeout: 4000,
            error: function() {
                alert('No se ha podido establecer la conexión con el servidor.');
                jQuery('#caja-precios-dimensiones-producto .control-combo-dimensiones').css('display', 'none');
            }
        });
    });



    //CARGAR COMBO TIPO CAJAS
    jQuery('.select-tamanios-cajas').change(function() {
        //AJAX
        var caja = jQuery(this).parent();

        validar_tamanio(jQuery(this), 500);




        var data = {//estos son los datos que paso por $_POST
            action: 'cargar_select_tipos_cajas',
            tamanio: jQuery(this).val()
        };
        //        alert(jQuery(this).val());



        jQuery.ajax({
            type: "POST",
            url: ajax_object.ajax_url,
            data: data,
            beforeSend: function() {
                caja.find('.select-tipos-cajas').attr('disabled', 'true');
                caja.find('.select-cajas').attr('disabled', 'true');
                caja.find('.select-cajas').html('<option value="0">Seleccionar...</option>');
                caja.find('.control-combo-tipos').css('display', 'block');
            },
            success: function(datos) {
                caja.find('.select-tipos-cajas').html(datos);
                caja.find('.select-tipos-cajas').removeAttr('disabled');
                caja.find('.control-combo-tipos').css('display', 'none');
            },
            timeout: 4000,
            error: function() {
                alert('No se ha podido establecer la conexión con el servidor.');
                caja.find('.control-combo-tipos').css('display', 'none');
            }
        });
    });
    //CARGAR COMBO CAJAS
    jQuery('.select-tipos-cajas').change(function() {
        //AJAX
        var caja = jQuery(this).parent();
        var data = {//estos son los datos que paso por $_POST
            action: 'cargar_select_cajas',
            tipo_caja: jQuery(this).val()
        };
        // alert(jQuery('.productos').val());



        jQuery.ajax({
            type: "POST",
            url: ajax_object.ajax_url,
            data: data,
            beforeSend: function() {
                caja.find('.select-cajas').attr('disabled', 'true');
                caja.find('.select-cajas').html('<option value="0">Seleccionar...</option>');
                caja.find('.control-combo-cajas').css('display', 'block');
            },
            success: function(datos) {
                caja.find('.select-cajas').html(datos);
                caja.find('.select-cajas').removeAttr('disabled');
                caja.find('.control-combo-cajas').css('display', 'none');
            },
            timeout: 4000,
            error: function() {
                alert('No se ha podido establecer la conexión con el servidor.');
                caja.find('.control-combo-cajas').css('display', 'none');
            }
        });
    });

    //Seleccionar el tipo de Caja
    var x, y;
    x = jQuery('#tipo_caja');
    //MOSTRAR EDITOR WP
    if (x.length > 0 && x.val() != 'caja-gen1x1' && x.val() != 'caja-gen1x2' && x.val() != 'caja-gen2x1' && x.val() != 'caja-promocion') {
        jQuery('#postdivrich').css("display", "none");
    }

    x.change(mostrarCaja);
    y = jQuery('#' + x.val());
    y.addClass('cajaActiva');
    y.slideToggle("slow");
    //ANIMACIONES CAJA PASOS
    //Añadir Paso - Caja Pasos
    jQuery('.add-paso').click(function() {
        if (jQuery('.paso2').css('display') == 'none') {
            jQuery('.paso2').fadeIn()
        } else if (jQuery('.paso3').css('display') == 'none') {
            jQuery('.paso3').fadeIn()
        } else if (jQuery('.paso4').css('display') == 'none') {
            jQuery('.paso4').fadeIn()
        } else if (jQuery('.paso5').css('display') == 'none') {
            jQuery('.paso5').fadeIn()
        }
    });
    //Quitar paso
    jQuery('.quitar-paso').click(function() {
        var paso = jQuery(this).parent();
        paso.find('textarea').val('');
        paso.find('input[type="text"]').val('');
        paso.slideUp(1000);
    });
    //ANIMACIONES CAJA PRODUCTO
    //Añadir Enlace
    jQuery('.add-enlace').click(function() {
        if (jQuery('.enlace-1').css('display') == 'none') {
            jQuery('.enlace-1').fadeIn()
        } else if (jQuery('.enlace-2').css('display') == 'none') {
            jQuery('.enlace-2').fadeIn()
        } else if (jQuery('.enlace-3').css('display') == 'none') {
            jQuery('.enlace-3').fadeIn()
        } else if (jQuery('.enlace-4').css('display') == 'none') {
            jQuery('.enlace-4').fadeIn()
        } else if (jQuery('.enlace-5').css('display') == 'none') {
            jQuery('.enlace-5').fadeIn()
        }
    });
    //Quitar paso
    jQuery('.quitar-enlace').click(function() {
        var paso = jQuery(this).parent();
        paso.find('input[type="text"]').val('');
        paso.slideUp(1000);
    });


    //FORM BOTON SLIDER
    if (jQuery('#mostrar-boton').attr('checked')) {
        jQuery('.config-boton').slideDown(500);
    }
    jQuery('#mostrar-boton').click(function() {
        if (jQuery(this).attr('checked')) {
            jQuery('.config-boton').slideDown(500);
            jQuery('#disenios').attr('checked', true);
        } else {
            jQuery('.config-boton').slideUp(300);
            jQuery('#disenios').removeAttr('checked');
            jQuery('#consultar').removeAttr('checked');
        }
    });
 

//SELECT
});
function mostrarCaja() {
    //    alert(this.value);

    var x, y;
    y = jQuery('.cajaActiva');
    y.find('textarea').val('');
    y.find('input[type="text"]').val('');
    y.find('select').val('');
    y.find('.oculto').css('display', 'none');
    y.slideToggle("slow");
    y.removeClass('cajaActiva');
    x = jQuery('#' + this.value);
    x.addClass('cajaActiva');
    x.slideDown("slow");
    if (x.attr('id') == 'caja-gen1x1' || x.attr('id') == 'caja-gen2x1' || x.attr('id') == 'caja-gen1x2' || x.attr('id') == 'caja-promocion') {
        jQuery('#postdivrich').slideDown("slow");
    } else
        (jQuery('#postdivrich').slideUp("slow"));
}

function validar_tamanio(select, speed) {

    var caja = select.parent();

    if (select.val() == 1) {
        caja.animate({
            width: '236',
            height: '335'
        }, speed);
    } else if (select.val() == 2) {
        caja.animate({
            width: '236',
            height: '386'
        }, speed);
    } else if (select.val() == 3) {
        caja.animate({
            width: '536',
            height: '335'
        }, speed);
    } else if (select.val() == 4) {
        caja.animate({
            width: '536',
            height: '386'
        }, speed);
    } else if (select.val() == 5) {
        caja.animate({
            width: '836',
            height: '336'
        }, speed);
    }
}

